; $(function () {
    //  顶部banner.js // 头部轮播
    $(window).load(function () {
        console.log("顶部banner.js调整成功");
        $(".topImg0").hide();
        $(".topImg1").show();
        $(".topBanner").height($(".topImg1").height());
        setTimeout(function () {
            $(".topBanner").animate({ height: 100 }, 1000, function () {
                $(".topImg0").show();
                $(".topImg1").hide();
            })
        }, 4000)

        // 头部轮播
        //1
        // var liIndex = 0;
        // const autoPlay1 = function () {
        //     liIndex++;
        //     $(".notice ul").append($(".notice ul").find("li").eq(0).clone(false));

        //     $(".notice ul").animate({ top: -40 }, 2000);
        //     $(".notice").find("li").eq(1).slideDown("slow");
        //     $(".notice ul").find("li").eq(0).remove();
        // }
        // let timer1 = setInterval(autoPlay1, 1500)

        // $(".notice").mouseenter(function () {
        //     clearInterval(timer1);
        // })
        // $(".notice").mouseleave(function () {
        //     timer1 = setInterval(autoPlay1, 1500);
        // }) 

        //2头部轮播
        $(".notice ul").append('<li><a>每日签到抽红包！</a></li>')
        var liIndex = 0;
        const autoPlay1 = function () {
            liIndex++;
            if (liIndex > 2) {//置零
                liIndex = 0;
                $(".notice ul").css("top", "0px");
            }
            $(".notice ul").animate({ top: liIndex * -40 });
            $(".notice").find("li").eq(1).slideDown("slow");
        }
        let timer1 = setInterval(autoPlay1, 1500);

        //3
        // $(".notice ul").append('<li><a>每日签到抽红包！</a></li>')
        // var liIndex = 0;
        // const autoPlay1 = function () {
        //     liIndex++;
        //     if (liIndex % 2 == 1) {//置零
        //         $(".notice ul").append($(".notice ul").find("li").eq(1).clone(false));
        //         $(".notice ul").find("li").eq(0).remove();
        //     } else {
        //         $(".notice ul").append($(".notice ul").find("li").eq(1).clone(false));
        //         $(".notice ul").find("li").eq(0).remove();
        //     }
        //     $(".notice ul").animate({ top: -40 });
        //     $(".notice").find("li").eq(1).slideDown("slow");
        // }
        // let timer1 = setInterval(autoPlay1, 1500);

        // 顶部工具栏.js
        $(".topBar").find("li").on("mouseenter", function () {
            $(this).children(".dropLayer").show();
        });
        $(".topBar").find("li").on("mouseleave", function () {
            $(this).children(".dropLayer").hide();
        });

        // 搜索栏
        $(".dropSearch").on("mouseenter", function () {
            $(this).find(".icon").css({
                "background-position": "0px -14px",
            });
            $(this).find("dd").show();
        });
        $(".dropSearch").on("mouseleave", function () {
            $(this).find(".icon").css({
                "background-position": "0px -10px",
            });
            $(this).find("dd").hide();
        });

        // 各种商品分类栏 侧栏
        $(".js_toggle").on("mouseenter", function () {

            let my = $(this).offset().top;
            let my0 = $(".js_toggle").eq(0).offset().top;
            let my1 = $(".js_toggle").eq(1).offset().top;
            let my2 = $(".js_toggle").eq(4).offset().top;
            let myy = ($(this).children(".menu-item").height() - $(this).height()) / 2;
            let myy2 = $(this).children(".menu-item").height() - $(this).height();
            // console.log("鼠标在的快"+my);
            // console.log(my0);
            // console.log(my1);

            $(this).children(".menu-item").show().css({
                "border-left": "none",
            })
            $(this).children(".menu-item").offset({
                // top: my > my1 ? my - myy : my0,
                top: my > my2 ? my - myy2 : (my > my1 ? my - myy : my0)
            })
            // console.log($(this).children(".menu-item").offset().top);
            $(this).find("em").css({
                "margin-right": "18px",
                "color": "#e60000",
            })
        })
        $(".js_toggle").on("mouseleave", function () {
            $(this).children(".menu-item").hide()
            $(this).find("em").css({
                "margin-right": "0px",
            })
        })

        // detail页的侧导航栏栏
        $(".booksClasses").mouseenter(() => {
            $(".detail_category").show();
        }).mouseleave(() => {
            $(".detail_category").hide();
        })


        // 右侧栏回顶
        // if ($(window).scrollTop() > 0) {

        //     $(".navMessage").parent().on("click", function () {
        //         $("body,html").animate({
        //             scrollTop: 0,
        //         }, 10000)
        //     })
        // }



        //banner轮播
        // let $index = $(".why").index();
        $(".bannerList").find("li").eq(0).show(200).siblings().hide();
        var $Index = 0;//移入下面标题获取的下标
        var timerIndex = 0;//定时器专属下标
        //.why是banner的a
        $(".why").mouseenter(function () {

            //添色
            $(this).addClass("bandotBgc").siblings().removeClass("bandotBgc");

            $index = $(this).index();//注意获取别写错了
            //获取this下标,换图
            $(".bannerList").find("li").eq($index).fadeIn(200).siblings().hide();

        })

        // banner轮播 声明change2省下代码
        const change2 = function (index) {
            $(".why").eq(index).addClass("bandotBgc").siblings().removeClass("bandotBgc");
            $(".bannerList").find("li").eq(index).fadeIn(200).siblings().hide();
        }
        // 自动轮播 设置定时器
        timerIndex = $Index;
        const autoPlay2 = function () {
            timerIndex++;
            if (timerIndex > 6) {
                timerIndex = 0;
            }
            console.log(111);
            change2(timerIndex);
            // $(".why").eq(timerIndex).addClass("bandotBgc").siblings().removeClass("bandotBgc");
            // $(".bannerList").find("li").eq(timerIndex).fadeIn(200).siblings().hide();
        }
        let timer2 = setInterval(autoPlay2, 3000);

        // 鼠标移入 箭头显示 清除定时器
        // 鼠标移出 箭头显示 开启定时器
        let arrIndex = 0;
        $(".banner").mouseenter(function () {
            arrIndex = timerIndex;
            $(".banner .arrow").show();
            clearInterval(timer2);
        })

        $(".leftArrow").on("click", function () {
            arrIndex--;
            if (arrIndex < 0) {
                arrIndex = 6;
            }
            change2(arrIndex);
            $Index = arrIndex;
        });
        $(".rightArrow").on("click", function () {
            arrIndex++;
            if (arrIndex > 6) {
                arrIndex = 0;
            }
            change2(arrIndex);
            $Index = arrIndex;
        });
        // $(".arrow").mouseenter(function () {
        //     clearInterval(timer2);
        // })
        $(".banner").mouseleave(function () {
            timerIndex = $Index;//解决点击无反应的bug,
            $(".banner .arrow").hide();
            //定时器影响点击轮播怎么解决;"同步思路"解决看看,点击箭头时,定时器会开启的bug
            timer2 = setInterval(autoPlay2, 3000);
            return false;
        })






        // content区
        /* 主编推荐 本周精选  新书速递  读者热评*/
        var $tabIndex = 0;
        $(".tabTit").find("a").mouseenter(function () {
            $(this).addClass("cur").siblings().removeClass("cur");
            $tabIndex = $(this).index();

            $(".tabConList").eq($tabIndex).addClass("cur").siblings().removeClass("cur");

        })

        var $hotIndex = 0;
        $(".hot_sale").mouseenter(function () {
            
            $(".hotNav").find(".rightArrow").click(function () {
                $(this).hide();
                $(".hotNav").find(".leftArrow").show();
                $(".navDot").children("ul").css({
                    "left": "-158px",
                })
            })
            $(".hotNav").find(".leftArrow").click(function () {
                $(this).hide();
                $(".hotNav").find(".rightArrow").show();
                $(".navDot").children("ul").css({
                    "left": "0px",
                })
            })
            // tab栏
            $(".navDot").find("li").mouseenter(function () {
                $(this).addClass("cur").siblings().removeClass("cur");
                $hotIndex = $(this).index();
                $(".hotCon").find("ul").eq($hotIndex).addClass("on").siblings().removeClass("on");

            })
            // 手风琴
            $(".hotCon").find("ul>li").mouseenter(function () {
                $(this).addClass("cur").siblings().removeClass("cur");
            })



        })
    })

    // details的放大镜
    $(".middleImg").mouseenter(function () {
        $(".bigArea").show();
        $(".middleArea").show();
    }).mousemove(function (e) {
        let mX = e.pageX - $(this).offset().left - $(".middleArea").width() / 2;
        let mY = e.pageY - $(this).offset().top - $(".middleArea").height() / 2;
        if (mX <= 0) {
            mX = 0;
        }
        if (mY <= 0) {
            mY = 0;
        }
        if (mX >= $(this).width() - $('.middleArea').width()) {
            mX = $(this).width() - $('.middleArea').width();
        }
        if (mY >= $(this).height() - $('.middleArea').height()) {
            mY = $(this).height() - $('.middleArea').height();
        }
        $('.middleArea').css({
            left: mX,
            top: mY,
        })
        //比例
        let oScale = $(this).height() / $(".middleArea").height();
        $(".bigImg").css({
            left: mX * oScale * -1,
            top: mY * oScale * -1,
        })
    }).mouseleave(function () {
        $(".bigArea").hide();
        $(".middleArea").hide();
    })


})

